/* @font-face {
	font-family:"source_sans_proregular";
	src:url(../fonts/sourcesanspro-regular-webfont.woff2) ;
}

@font-face {
	font-family:"source_sans_bold";
	src:url(../fonts/sourcesanspro-bold-webfont.woff2) ;
}

@font-face {
	font-family:"source_sans_semibold";
	src:url(../fonts/sourcesanspro-semibold-webfont.woff2) ;
} */


@font-face {
	font-family:"Helvetica_BoldBlk";
	src:url(../fonts/HelveticaNowDispBlk.otf) ;
}


@font-face {
	font-family:"Helvetica_Bold";
	src:url(../fonts/HelveticaNowDisplay-Bold.ttf) ;
}

@font-face {
	font-family:"Helvetica_Med";
	src:url(../fonts/HelveticaNowDispMed.otf) ;
}

@font-face {
	font-family:"Helvetica_regular";
	src:url(../fonts/HelveticaNowDispReg.otf) ;
}


body {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #333;	
	background: #fff;
	cursor: default;
	font-family:"Helvetica_regular", Helvetica Neue, Helvetica, Arial, sans-serif;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

p, span, strong {
    font-family: "Helvetica_regular";
	letter-spacing: 1px;
}

.cards_tittle, 
.team_info b, 
.team_info strong, 
h3.mode-tittle, 
.content table tr.firstRow td, 
.content table tr.firstRow td p, 
.content table tr.firstRow td:nth-child(1) p, 
.projectlist li h3 a ,
.faq_list dl dt h3,.contact-info ul li p ,
.mode-title, .cotittle h3, .major_list ul li h1, 
.news_detail_tittle, 
.contact-info h3 ,
.page_position h1,
.mode-title ,
.mode-title a ,
.box_why .h1 ,
h3.v-tittle ,
.cotittle h3 ,
.caurse_tittle ,
.backtop p ,
#banner .swiper-slide a,
.dean_name  {   font-family:"Helvetica_Bold";  letter-spacing: 1px; }

.cards_tittle,
.news_tittle a,
.notice_bt ,
.news_detail_tittle ,
.team_info b, .team_info strong, h3.mode-tittle ,
.t-name ,
.item_bt label ,
.item_bt span ,
.faq_list dl dt h3 { font-family:"Helvetica_Med"; }


.mode-title big ,
.cotittle big { font-family:"Helvetica_BoldBlk"; }

.mode-title span,
.cotittle h3 span { color: #999; font-size: .3rem;  font-family:"Helvetica_Bold"; }


	
@-webkit-keyframes open {
	form { width: .35rem; border-color: transparent; }
	to { width: 2.6rem; border-color: #dadada;}
}

@-moz-keyframes open {
	form { width: .35rem; border-color: transparent; }
	to { width: 2.6rem; border-color: #dadada;}
}

@-ms-keyframes open {
	form { width: .35rem; border-color: transparent; }
	to { width: 2.6rem; border-color: #dadada;}
}

@-o-keyframes open {
	form { width: .35rem; border-color: transparent; }
	to { width: 2.6rem; border-color: #dadada;}
}

@keyframes open {
	form { width: .35rem; border-color: transparent; }
	to { width: 2.6rem; border-color: #dadada;}
}

.searchframe { animation: open .5s ease forwards; }


@keyframes myFadeIn {
    0%{
        transform: translateY(-100%);
    }
    100%{
        transform: translateY(0%);
    }
}




.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd { margin: 0; padding: 0;list-style: none;}


a {font-weight: normal; display: inline-block; text-underline: none; text-decoration: none; color: #333; }

p {	font-size: .18rem; line-height: 1.8; font-weight: normal; }

input {
	outline: none;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0) ;
}

input,button {outline:none;	border-style: none; background-color:transparent; box-shadow: none;	}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none;  background-color:transparent; box-shadow: none; }
input[type="number"]{ -moz-appearance: textfield; } 

input::-webkit-autofill { 
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  box-shadow: 0 0 0px 1000px white inset !important;
}

.phone,
.zh { display: none; }

.pc { display: block; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
 
hr { margin-top: 35px; margin-bottom: 35px; }

img ,video { border: none; max-width: 100%;}

.phone { display: none; }

.position_rela { position: relative; z-index: 1; }
.position_up { position: relative; z-index: 5; }

.bg_fff { background-color: #fff; }

a.btn_loadmore {
    display: block;
    width: 100%;
    border: 1px #9ea4a4 solid;
    text-align: center;
    line-height: 1;
    padding: 16px;
    font-size: 16px;
    color: #999;
}


/* 垂直居中 */
.table { display: table; width: 100%; height: 100%; }
.table_cell { display:table-cell; text-align: center; vertical-align: middle; }


/* 图片16:9 */
.img16_9 {
    height: 0;
    padding-top: 63.25%;
    background-repeat: no-repeat;
    background-size: cover;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.img16_9 img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(1);
	transition: all .35s;
}



.swiper-container,
.swiper {  width: 100%;   height: 100%;   }

.swiper-slide {
	text-align: center;
	font-size: 18px;	
	background-color: #f8f8f8; 
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.swiper-button-next ,
.swiper-button-prev {
	width: 1rem;
	height: 1rem;
	/* background-color: rgba(0,0,0,.35); */
}


.swiper-button-next {  right: 5%; }
.swiper-button-prev {  left: 5%; }

.swiper-button-prev:after,
.swiper-button-next:after {	color: #0f373b; }

.swiper-button-prev:hover:after,
.swiper-button-next:hover:after {	color: #fff; }

.container {   margin: auto; width: 13.8rem;  position: relative; z-index: 1; }
.clearfix { clear: both; }

.bg_deepgreen { background-color: #0f373b; } 
.bg_kingsred { background-color: #e2231a; } 
.bg_lightgreen { background-color: #2bb7b3; }
.bg_orange { background-color: #c55745; }
.bg_grey { background-color: #f8f8f8; }
.bg_yellow { background-color: #f7a700; }

.color_deepgreen { color: #0f373b; } 
.color_kingsred { color: #e2231a; } 
.color_lightgreen { color: #2bb7b3; }
.color_orange { color: #c55745; }
.color_yellow { background-color: #f7a700; }


.wamp_green { 
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	/* background-color: rgba(15,55,59,.9); */
}

.line_green {
	background: -webkit-linear-gradient(bottom ,rgba(15,55,59,.9) 11% ,rgba(15,55,59,0) 61%);
	background: -moz-linear-gradient(bottom ,rgba(15,55,59,.9) 11% ,rgba(15,55,59,0) 61%);
	background: -ms-linear-gradient(bottom ,rgba(15,55,59,.9) 11% ,rgba(15,55,59,0) 61%);
	background: linear-gradient(bottom ,rgba(15,55,59,.9) 11% ,rgba(15,55,59,0) 61%);
}


/* head */
.headtop {
	width: 100%;	
	background-color: #fff;
	border-bottom: 1px rgba(170,170,170,.25) solid;
	z-index: 100;
	overflow: visible;
	position: relative;
	z-index: 100;
	transition: all .5s;
}

.headtop .container { width: 88%; height: 1rem; margin: auto; }

.flexd { 
	position: fixed !important; 
	top: 0; 
	left: 0; 
	box-shadow: 0 0 15px rgba(0,0,0,.15);
	animation: myFadeIn .5s ease-in-out forwards; 
	transition: all .5s;
}

.logo {	
	width: 50%; 
	height: 100%;
	/* overflow: hidden; */
	float: left; 
	position: relative; 
	z-index: 10;
	/* border-right: 1px #dadada solid; */
}

	.logo a { 
		display: block; width: 100%; height: 100%;
		position: relative; z-index: 1;
	}

	.logo img {
		/* width: 90%; */
		/*max-width: unset;
		height: 90%;*/
		max-width: 100%;
		max-height: 90%;
    	height: auto;
		position: absolute;
		left: 0;
		top: 50%;
		z-index: 1;
		transform: translateY(-50%);
		transition: all .35s;
		opacity: 1;
	} 

.tool { width: 48%; height: 100%; float: right;  }

	.tool_bar ,.menu { height: 50%;  padding-left: .5rem; }

	.tool_bar {
		width: 100%; height: 50%;  
		display: flex;  
		align-items: center;
		position: relative;
		padding-top: .2rem;
	}
	
	.tool_bar:before {
		content: "";
		width: 56vw;
		position: absolute;
		top: 100%;
		left: 0;
		/* border-bottom: 1px #dadada solid; */
	}

	.tool_bar ul { float: right; margin-left: auto; margin-right: 0; }

	.tool_bar ul a { display: block; float: right;  margin-left: 10px; text-decoration: none; }

	a.btn_apply {
		display: inline-block;		
		background-color: #e2231a;
		color: #fff;
		font-size: .14rem;
		padding: 0 .2rem;
		line-height: 0.33rem;
		border-radius: 35px;   
	}

	a.btn_lanuge {
		display: inline-block;;
		background-color: #0f373b;
		padding: 0;
		width: 0.33rem;
		height: 0.33rem;
		line-height: .33rem;
		color: #fff;
		border-radius: 50%;
		font-size: .12rem;    
		text-align: center;
		
	}
	
	.searchbox {
		width: .35rem;
		height: .35rem;
		/* width: 260px; */
		border: 1px transparent solid;
		position: relative;
		float: right;
		border-radius: 35px;
		overflow: hidden;
		transition: all .35s; 
	}
	
	.searchbox:hover ,
	.tool_bar ul a:hover ,
	a.btn_apply:hover { box-shadow: 0 0 10px rgba(0,0,0,.3); transition: all .35s; }
	
	.searchbox input.keywords {
		width: 90%;
		height: .33rem;
		display: block;
		padding: 0 15px ;
		font-size: .14rem;
	}

	.btn_search {
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		background-color: #2bb7b3;
		background-image: url(../img/icon/search_icon.png);
		background-repeat: no-repeat;
		background-position: 53% 50%;
		background-size: 53%;
		padding: 0;
		color: #fff;
		border-radius: 50%;
		font-size: .14rem;    
		text-align: center;
		width: 0.33rem;
		height: 0.33rem;
		line-height: .33rem;		
	}
	

	.btn_group {
		border: 1px #dadada solid;
		border-radius: 35px;
		padding: 8px 15px;
		line-height: 1;
		
		margin-left: 0;
		float: left;
		font-size: .14rem;
	}
	
	.btn_group a {font-weight: bold; }
		
	.btn_group a:hover {color: #2bb7b3;	transition: all .35s; }

.menu ul { 
	height: 100%;
	display: flex;
	padding: 0;
	list-style: none;
	justify-content: flex-end;
	flex-flow: row nowrap;
	align-items: center;
}

.menu ul li { height: 100%; line-height: .5rem; padding-left: .4rem;  position: relative; z-index: 1;  }

	.menu ul li p { height: 100%; border-bottom: 4px transparent solid; }
			
	.menu ul li p a {
		display: block;	width: 100%;
		text-decoration: none;
		color: #333;
		padding-top: 12px;
		font-size: .18rem;
		letter-spacing: 1px;
		word-break: keep-all;
		border: none;
		font-family:"Helvetica_Med";
		/* font-weight: bold; */
	}
	
	.menu ul li:hover p { font-weight: bold; border-color: #e2231a;  transition: all .35s; }
	
	.menu ul li ol.childs {
		position: absolute;
	    top: 100%;
	    left: -20px;  
	    background-color: rgba(255,255,255,.85);   
	    min-width: 235px;
		padding: 0;
		display: none;
	}	
	
	.menu ul li ol.childs a { 
		font-family:"Helvetica_regular"; 
		font-weight: normal;
		display: block; 
		border-bottom: 1px #dadada solid; 
		padding: 10px 25px ; 
		font-size: 16px; 
		height: auto; 
		line-height: 1.35;
		color: #666;
	}

	.menu ul li ol.childs a:hover {  
		background-color: #0f373b; 
		color: #fff; 
		font-weight: normal;  
		border-width: 5px;  
		border-color: #f7a700;   
		text-decoration: none;  
	}
	
	.menu ul li:hover ol.childs { display: block; } 

/* head-end */


/* foot */
.foot {
	position:relative;
	width: 100%;
	background-image: url(../img/icon/footer-bg.png);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: cover;
	/* min-height:4.7rem ; */
	left: 0;
	bottom: 0;
	z-index: 2;
	margin-top: 1rem;
}

.paddingtop_80 { padding-top: 1rem; margin-top: 0; }

.foot .container { padding-top: 70px; }

.foot .col-lg-6 { width: 100%;  }

.ft-menu { 
	width: 100%; color: #fff ; 
	display: flex; 
	justify-content: space-between ;
	align-items: flex-start;
	align-content: flex-start;
}

.copyright { display: flex; justify-content: space-between; flex-flow: row nowrap;  }
.txt-float-right { float: right; }

/*.ft-menu p:first-child { display: none; }*/

.ft-menu ul { /*margin-top: 15px;*/ }
.ft-menu p { min-width: 20%;  }
.ft-menu p b { font-size: .24rem; margin-bottom: 15px; }

.ft-menu ul li { width: calc( calc(100%  - 50px) / 2 );	float: left; margin-bottom: 15px;  margin-right: 50px;}
.ft-menu ul li:nth-child(2n) { margin-right: 0; }

.ft-menu ul li a {
	display: block;
	width: 100%;
	color: #fff ;
	font-size: .2rem;
	border-bottom: 2px transparent solid;
	transition: all .35s;
}

.ft-menu ul li:hover a {border-color: #f7a700;text-decoration: none;	transition: all .35s;}

.ft_info { margin-left: -15px; }

.ft_info p { color: #fff; line-height: 1.35; font-size: .2rem;  border-bottom: 1px rgba(255,255,255,.15) solid; padding-bottom: 10px; margin-bottom: 10px; }

.ft_info p:last-child { border: none;   }

.ft_info p b ,
.ft_map p b { font-size: .24rem; }

.ft_map p {color: #fff; line-height: 1.35; font-size: .2rem; margin-bottom: 10px;  }

#MyMap { border: none; height: 1.15rem; }

.ft_map { color: #fff; margin-left: 10%; }
.ft_map iframe { width: 100%; }


.copyright { 
	border-top: 1px rgba(255,255,255,.15) solid;	
	text-align: center;
	font-size: .14rem;
	color: #fff;
	padding: 15px 0;
	margin-top: 70px;
}

.copyright p { font-size: .14rem; text-align: center; line-height: 1; opacity: .8; }

.backtop { 
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100%;
	color: #fff;
	width: 70px;
	z-index: 30;
}

.backtop p { 
	padding-left: 25px;
    font-size: 20px;
	font-weight: bold;
    position: absolute;
    bottom: 135px;
    left: -55px;
    width: 182px;
    transform: rotate( -90deg);
}

.backtop p:before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-top: 2px #fff solid;
	border-right: 2px #fff solid;
	 
	position: absolute; 
	left: 0;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}

/* foot-end */


/* 通用内页 */
.innerban { 
	height: 3.56rem;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin-bottom: .6rem;
}
 
.innerban .container { height: 100%; position: relative; }

.w_34 { width: 3.4rem; position: absolute;	bottom: -0.6rem;}

.page_position { 
	width: 100%;
	
	color: #fff;
	padding: .4rem .25rem;
}

i.shortline {
	display: block;
	width: 32px;
	height: 5px;
	background-color: #f7a700;
	margin-bottom: .35rem;
}

.page_position h1 {	font-size: .32rem; line-height: 1;	font-weight: bold;	/* text-transform: capitalize; */ }

.left-nav {	
	width: 3.4rem; 	
	margin-right: 1rem;	
	float: left; 
	padding-bottom: 70px; 
	position: relative;  
	margin-bottom: 70px; 
}

.page_load { padding: .15rem .25rem; color: #fff;  border-top: 1px #fff solid; border-bottom: 1px #fff solid; }
.page_load a { color: #fff; line-height: 1; text-decoration: none;  }
.page_load p { font-size: .14rem; }

.left-nav i.underline {
	width: calc(100% - .5rem);
	display: block;
	height: 5px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	background-color: #f7a700 !important;
} 

.left-nav ul { list-style: none; }
.left-nav ul li { border-bottom: 0px transparent solid; padding-left: .25rem; transition: all .35s; }
.left-nav ul li p {	
	padding: .2rem 0;
	border-bottom: 1px #dadada solid; 
	line-height: 1;
	/*font-size: .2rem;*/
	font-weight: bold;
}

.left-nav ul li p a {	
	display: inline-block;
	text-decoration: none;  
	color: #333; 
	padding-right: 15px;
	position: relative;
	z-index: 1;
	transition: all .35s;
}

.left-nav ul li p a::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-top: 2px #0f373b solid;
	border-right: 2px #0f373b solid ;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0,-50%) rotate(45deg);
	z-index: 1;
	opacity: 0;
	transition: all .35s;
} 

.left-nav ul li.active p a::after ,
.left-nav ul li:hover p a::after { opacity: 1;	transition: all .35s; }



ol.child { 
	padding-left: .5rem; 	
	/* box-shadow: 0 0 15px rgba(0,0,0,.06); 
	 background-color: #fff; */
	padding-bottom: 25px; 
	
	display: none;
}

ol.child a { 
	display: block; 
	font-size: .18rem; 
	color: #666;   
	line-height: 2.5;
	border-bottom: 1px #dadada solid;  
	text-decoration: none;
	transition: all .35s;
}

.left-nav ul li.active,
.left-nav ul li:hover { 
	border-bottom: 5px #f7a700 solid; 
	background-color: #fff;  
	box-shadow: 0 0 15px rgba(0,0,0,.15);  
	transition: all .35s; 
}

/* .left-nav ul li.active p */
.left-nav ul li:hover p  {	background-color: #fff; border-color: transparent;  transition: all .35s; }

/* .left-nav ul li.active p a */
.left-nav ul li:hover p a { font-weight: bold; transition: all .35s; }

ol.child a:hover {  color: #f7a700; }
ol.child a.show { 
	display: list-item !important; 
	background-color: transparent !important; 
	border-top:none !important;
	font-weight: bold; 
	border-color: #f7a700; 
	list-style: disc; color: #f7a700; 
	 transition: all .35s;
}


.right-content { width: calc(100% - 4.4rem); float: left; padding-top: .15rem; }


.page {
	border-top: 2px #0f373b solid;
	padding-top: 15px;
	margin-top: 0.5rem;
}

.page ul {  }

.page a {
	display: block;
	width: 0.35rem;
	height: 0.35rem;
	float: left;
	border-radius: 50%;
	text-align: center;
	line-height: .35rem;
	color: #333;
	margin-right: 5px;
	text-decoration: none;
	font-size: .18rem; 
}

.page .prev ,
.page .next {
    display: block;
	width: auto;
    max-width: 87px;
    line-height: .33rem;
    margin-left: 8px;
    border: 2px #0f373b solid;
    border-radius: 35px;
	padding: 0 10px;
	text-transform: capitalize;
	color: #0f373b;
}

.page a:hover, .page a.active {
    background-color: #e2231a;  color:#fff ;
	border-color: #e2231a;
}

.pageNext a { width: auto;height: auto;  border-radius:0 !important; }

.pageNext .prev ,
.pageNext .next { float: right; border-radius: 35px !important; }

.pageNext a:nth-child(1):hover { color: #e2231a; background-color: transparent; }



/* 通用内页-end */



#news, 
#notice,
.xc-video,
.caurse,
.outlinks ul li{  opacity: 0;  }

.box_why .h1,
.box_why .desc ,
.box_why .btn_more, 
.cards ul li,
.cotittle  {
	opacity: 0;
	transform: translateY(100%);
}

.bannerIn { animation: bannerIn .35s ease .35s forwards; }

.bannerInUp { animation: bannerInUp 1s ease .15s forwards; }
.bannerInUp-35 { animation: bannerInUp 1s ease .35s forwards; }

@-webkit-keyframes bannerIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-moz-keyframes bannerIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-ms-keyframes bannerIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-o-keyframes bannerIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes bannerIn {
	from { opacity: 0; }
	to { opacity: 1; }
}


@-webkit-keyframes bannerInUp {
	from { opacity: 0;	transform: translateY(100%); }
	to { opacity: 1; transform: translateY(0); }
}

@-ms-keyframes bannerInUp {
	from { opacity: 0;	transform: translateY(100%); }
	to { opacity: 1; transform: translateY(0); }
}

@-moz-keyframes bannerInUp {
	from { opacity: 0;	transform: translateY(100%); }
	to { opacity: 1; transform: translateY(0); }
}
@-o-keyframes bannerInUp {
	from { opacity: 0;	transform: translateY(100%); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes bannerInUp {
	from { opacity: 0;	transform: translateY(100%); }
	to { opacity: 1; transform: translateY(0); }
}


/* ---------------移动端--------------- */
.menu-switch {
    height:40px;
    width:40px;
    border-radius: 50%;
    background-color: #0f373b;
    cursor: pointer;    
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
	display: none;
}

.spanGroup {  
	width: 20px; display: block; margin: auto; 
	position: absolute;
	top: 57%;
	left: 50%;
	transform: translate(-50%,-50%);
 }

.spanGroup span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    margin-bottom: 5px;
}

.spanGroup span:nth-child(2) { width: 80%; }

.sm_panel {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(15,55,59,.9);
	z-index: 150;
	padding-top: 65px;
	transform: translateX(100%); 
	opacity: 0; 
	transition: all .5s;
}

.sm_tool {  margin-bottom: 35px; }
.sm_panel .container { height: 100%; }

.sm_panel i.underline {
	width: calc(100% - 50px);
	display: block;
	height: 5px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
} 

.sm_close {
	width: 40px;
	height: 40px;
	border: 2px #fff solid;
	border-radius: 50%;
	position: absolute;
	right: 5%;
	top: 15px; 
	z-index: 80;
	/* background-image: url(../img/icon/close.png);
	background-repeat: no-repeat;
	background-position:center center;
	background-size: 60%; */
}

.sm_close:before {
	content: "";
	width: 50%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
}

.sm_close::after {
	content: "";
	width: 2px;
	height: 50%;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
	 
}

.sm_menu ul { padding: 0; list-style: none; }
.sm_menu ul li {  border-top: 1px rgba(255,255,255,.35) solid; padding: 13px 0; transform: translateX(100%); opacity: 0; }
.sm_menu ul li a { display: inline-block; color: #fff; font-size: 18px; }


@keyframes bannerInleft {
    0%{
       opacity: 0; transform: translateX(100%);
    }
    100%{
       opacity: 1; transform: translateX(0);
    }
}

/* ---------------移动端---------------  */


/* 搜索页 */
.searchBanner{
    width: 100%;
    height: 3.5rem;
    background-color: #0f373b;
    overflow: hidden;
    position: relative;
}
.search_result_num{
    font-size: .14rem;
    color: #666;
    margin: .25rem 0 0;
}
.searchBanner .search_result{
    width: 40%;
    height: 0.55rem;
    border: 2px #fff solid;
    border-radius: 55px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
    
}
.search_result form{
    height: 100%;
}
.search_result input{
    height: 100%;
    width: 100%;
    color: white;
    outline: none;
    border: none;
    background-color: transparent;
    padding: 0 20px;
}

.search_result input:-webkit-autofill,
.search_result input:-webkit-autofill:hover,
.search_result input:-webkit-autofill:focus {
    color: #fff !important;
    -webkit-text-fill-color: #fff;
    -webkit-transition: background-color 43200s ease-in-out 0s;
    transition: background-color 43200s ease-in-out 0s;
}
.search_result input:autofill,
.search_result input:autofill:hover,
.search_result input:autofill:focus {
    -webkit-text-fill-color: #fff;
    -webkit-transition: background-color 43200s ease-in-out 0s;
    transition: background-color 43200s ease-in-out 0s;
}
.search_result input::placeholder{
    color: white;
}
.search_result .btn_search{
    outline: none;
    border: none;
    background-color: transparent;
    position: absolute;
    height: 100%;
    width: .6rem;
    background: url(../img/icon/search_icon.png) no-repeat center center;
    background-size: 61%;
    right: 0;
    top:0;
}

.projectlist {
    margin-top: .55rem;
    margin-bottom: .25rem;
}

.projectlist li {
    width: 100% ;
	border-top: 5px transparent solid;
	border-bottom: 1px #dadada solid;
	padding: 25px 0; 
}

.projectlist li h3 { margin-bottom: 15px; }

.projectlist li h3 a { display: block; color: #333; font-size: .24rem; font-weight: 400;   transition: all .35s;} 

.projectlist span {
    display: inline-block;
    width: 100%;
    color: #666;   
}


.projectlist li:hover {
    color: white;
	padding: 25px;
	border-color: #f7a700;
    background-color: #0f373b;
    transition: all .35s;
}

.projectlist li:hover a ,
.projectlist li:hover * { color: #fff; text-decoration: none; }

.searchHeader{
    margin-bottom: 0;
}